.para{
    min-height: 100vh;
    background-image: linear-gradient(180deg,rgba(0,0,0,0.87) 0%,rgba(0,0,0,0.6) 100%),
    url('../../image/logo.png');
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
}
.range-slider {
    height: 5px;
    position: relative;
    background-color: #F2F2F2;
    border-radius: 2px;
}
.range-selected {
    height: 100%;
    left: 30%;
    right: 30%;
    position: absolute;
    border-radius: 5px;
    background-color: #262526;
}
.range-selected.prix{
    left:6%;
    right:6%
}
.range-selected.kilometrage{
    left:6%;
    right:6%
}
.range-selected.annee{
    left:6%;
    right:6%
}
.range-input {
    position: relative;
}
.range-input input {
    position: absolute;
    width: 100%;
    height: 5px;
    top: -7px;
    background: none;
    pointer-events: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.range-input input::-webkit-slider-thumb {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    border: 3px solid #262526;
    background-color: #F2F2F2;
    pointer-events: auto;
    -webkit-appearance: none;
}
.range-input input::-moz-range-thumb {
    height: 15px;
    width: 15px;
    border-radius: 50%;
    border: 3px solid #262526;
    background-color: #F2F2F2;
    pointer-events: auto;
    -moz-appearance: none;
}
.range-price {
    margin: 30px 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.range-price label {
    margin-right: 5px;
}
.range-price input {
    width: 100%;
    padding: 5px;
    border:none;
}
.range-price input:first-of-type {
    margin-right: 15px;
}
.logo {
    height: 60px;
    width: 120px;
    background-position: center;
    background-size: cover;
}
.vh-75 {
    min-height: calc(100vh - 86px);
}
.vh-home{
    min-height: calc(100vh - 86px);
}

/* ================  ranking   ===================  */

.rating:not(:checked) > input {
    position: absolute;
    appearance: none;
}
.rating:not(:checked) > label {
    float: right;
    cursor: pointer;
    font-size: 21px;
    color: #666;
}
.rating:not(:checked) > label:before {
    content: '★';
}
.rating > input:checked + label:hover,
.rating > input:checked + label:hover ~ label,
.rating > input:checked ~ label:hover,
.rating > input:checked ~ label:hover ~ label,
.rating > label:hover ~ input:checked ~ label {
    color: #e58e09;
}
.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
    color: #ff9e0b;
}
.rating > input:checked ~ label {
    color: #ffa723;
}

/* ================  ranking   ===================  */

/* ================  scrollbar garage  ===================  */
/* Modifier la largeur de la barre de défilement */
::-webkit-scrollbar {
    width: 5px; /* Largeur de la barre de défilement */
}

/* Modifier l'apparence de la poignée (thumb) */
::-webkit-scrollbar-thumb {
    background-color: red; /* Couleur de la poignée */
    border-radius: 5px; /* Bordures arrondies de la poignée */
}

/* Modifier l'apparence de la piste (track) */
::-webkit-scrollbar-track {
    background-color: darkslategrey; /* Couleur de la piste */
}

/* Modifier l'apparence de l'angle supérieur droit (coin) */
::-webkit-scrollbar-corner {
    background-color: transparent; /* Couleur du coin */
}

/* Modifier l'apparence de la poignée de redimensionnement (resizer) */
::-webkit-resizer {
    background-color: transparent; /* Couleur de la poignée de redimensionnement */
}
/*  form-card  */
.formcard{
    max-width: 350px;
    border-radius: 5px;
}
/* changement de strucure de table*/

.tableauDestop{
    display: block;
}
.tableauGsm{
    display: none
}
@media (max-width: 750px) {
    .tableauDestop{
        display:none;
    }
    .tableauGsm{
        display:block;

    }
}